<template>
    <div>
        <div>
            <div class="info"><Icon type="md-bookmark" />详情</div>
            <div class="line"></div>
        </div>
        <div>
            <table class="content" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="title">项目类别</td>
                    <td>{{option.category}}</td>
                    <td class="title">主管部门</td>
                    <td>{{option.department}}</td>
                </tr>
                <tr>
                    <td class="title">项目名称</td>
                    <td>{{option.project_name}}</td>
                    <td class="title">立项时间</td>
                    <td>{{option.standing_time}}</td>
                </tr>
                <tr>
                    <td class="title">承建方名称</td>
                    <td>{{option.contractor_name}}</td>
                    <td class="title">负责人</td>
                    <td>{{option.person_in_charge}}</td>
                </tr>
                <tr>
                    <td class="title">预算总金额（万元）</td>
                    <td>{{option.budget}}</td>
                    <td class="title">已拨付金额（万元）</td>
                    <td>{{option.money}}</td>
                </tr>
                <tr>
                    <td class="title">实际开工日期</td>
                    <td>{{option.start_time}}</td>
                    <td class="title">实际完工日期</td>
                    <td>{{option.end_time}}</td>
                </tr>
                <tr>
                    <td class="title">指标文件</td>
                    <td>{{option.file}}</td>
                    <td class="title">评审编号</td>
                    <td>{{option.review_number}}</td>
                </tr>
                <tr>
                    <td class="title">招标编号</td>
                    <td>{{option.tender_number}}</td>
                    <td class="title">建设内容</td>
                    <td>{{option.content}}</td>
                </tr>
            </table>
        </div>
    </div>
</template>

<script>
export default {
  name: 'ProjectInfo',
  props: {
    option: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  data () {
    return {
    }
  }
}
</script>

<style scoped>
    .content tr td{
        border:1px #d7dde4 solid;
        height: 50px;
        font-size: 16px;
        font-weight: bold;
        color: black;
        text-indent: 1em;
    }
    .content{
        width: 98%;
        margin-top: 10px;
        margin-left: 10px;
    }
    .title{
        background-color: #f5f5f5;
        width: 180px;
    }
    .info{
        margin-top: 20px;
        width: 80px;
        color: white;
        font-size: 16px;
        background-color: #689ACA;
        text-align: center;
        line-height: 50px;
    }
    .line{
        height: 5px;
        width: 100%;
        background-color: #689ACA;
    }

</style>
